<template>
	<div class="order">
		<div class="order-hd">
			<p></p>
			<p>{{title}}</p>
		</div>
		<div class="order-tt">{{titct}}</div>
		<div class="order-lt">
			<ul>
				<li v-for="item in orderCate" @click="gotoDetail">
					<p>
						<span>{{item.percentage}}</span>
						<i></i>
					</p>
					<p>{{item.storeName}} <b>({{item.storeCode}})</b></p>
				</li>
			</ul>
		</div>
		<!-- 没有展示更多数据 -->
		<div class="order-nw" v-show="flag"><p>没有更多了，亲</p></div>
	</div>
</template>

<style lang="less">
	@import "../less/order/order.main.less";
</style>

<script type="text/ecmascirpt-6">

	export default {

		name: "timeout_order",

		computed: {},

		data (){

			return {

				title: "异常门店",

				flag: true,

				titct: "场内及时率60%-90%",

				orderCate: [
					{
			            "storeName": "闸北店",
			            "storeCode": "1004",
			            "percentage": "41.4%"
					},
					{
			            "storeName": "静安店",
			            "storeCode": "1004",
			            "percentage": "41.4%"
					}
				]
			}

		},

		methods: {

			gotoDetail:()=> {
				alert(1)
			}

		},

		components: {}

	}
</script>